<script type='text/javascript' src='./scripts/jquery-1.4.2.min.js'></script>
<script type='text/javascript' src='./scripts/scroll-util.js'></script>

<table border="0" cellpadding="0" cellspacing="0" height="100%">
	<tr>
    	<td width="200" valign="middle" align="center" class="verticalAutoScroll">            
           <table border="0" cellpadding="0" cellspacing="1" width="102" height="400">
                <tr> 
                    <td><img src="./images/normal.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/gold.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/platium.gif" border="0" width="100" height="100" /></td> 
                </tr> 
               
                <tr> 
                    <td><img src="./images/dinamond.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/hot.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/normal.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/gold.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/platium.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/dinamond.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/hot.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/normal.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/gold.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/platium.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/dinamond.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/hot.gif" border="0" width="100" height="100" /></td> 
                </tr> 
               
            </table> 
        </td>
        <td width="200" valign="middle" align="center" class="verticalClickScroll">            
           <table border="0" cellpadding="0" cellspacing="1" width="102" height="400">
                <tr> 
                    <td><img src="./images/normal.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/gold.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/platium.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/dinamond.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/hot.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/normal.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/gold.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/platium.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/dinamond.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/hot.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/normal.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/gold.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/platium.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/dinamond.gif" border="0" width="100" height="100" /></td> 
                </tr> 
                <tr> 
                    <td><img src="./images/hot.gif" border="0" width="100" height="100" /></td> 
                </tr> 
            </table> 
        </td>
        <td valign="middle">
        	<table>
            	<tr>
                	<td valign="middle" align="center" height="100" width="520" class="horizontalAutoScroll">
                        <table border="0" cellpadding="1" cellspacing="0" width="100%" height="100">
                            <tr height="100">
                                <td align="center">
                                    <img src="./images/normal.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/gold.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/platium.gif" border="0" width="100" height="100" />
                                </td>
                                
                                <td align="center">
                                    <img src="./images/dinamond.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/hot.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/normal.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/gold.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/platium.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/dinamond.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/hot.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/normal.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/gold.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/platium.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/dinamond.gif" border="0" width="100" height="100" />
                                </td>
                                <td align="center">
                                    <img src="./images/hot.gif" border="0" width="100" height="100" />
                                </td>
                              
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                	<td valign="middle" align="center" width="520" class="horizontalClickScroll">
                        <table border="0" cellpadding="1" cellspacing="0">
                            <tr>
                                <td width="100">
                                    <img src="./images/normal.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/gold.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/platium.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/dinamond.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/hot.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/normal.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/gold.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/platium.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/dinamond.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/hot.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/normal.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/gold.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/platium.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/dinamond.gif" border="0" width="100" height="100" />
                                </td>
                                <td width="100">
                                    <img src="./images/hot.gif" border="0" width="100" height="100" />
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<script>
$(function(){	
	makeVerticalScrollable("td.verticalAutoScroll", "verticalAutoScroll", 100, 400, 50, false);
	makeVerticalScrollable("td.verticalClickScroll", "verticalClickScroll", 100, 400, 50, true);
	makeHorizontalScrollable("td.horizontalAutoScroll", "horizontalScroll", 500, 100, 50, false);
	makeHorizontalScrollable("td.horizontalClickScroll", "horizontalClickScroll", 602, 100, 50, true);
});
</script>